<script   setup>

import ComNamespace from '@/components/ComNameSpaceS.vue'
</script>

<template>
  <a-flex vertical="true" style="height: 100%;width: 100%">
    <div style="width: 100%;height: 10%;">
      <a-row style="height: 100%">
        <a-col :span="1" style="height: 100%;">
          <div style="height: 9vh;width: 9vh;background-color: rgb(255, 208, 0);background-image: url('/ALA.png');background-size: 100% 100%;
            background-repeat: no-repeat;" >
          </div>

        </a-col>
        <a-col :span="11">
          <h1 id="titleS">解放与规律/Liberation and law</h1>
        </a-col>
        <a-col :span="12">
        </a-col>
      </a-row>

    </div>
    <div style="width: 100%;height: 90%;background-color: rgba(178,182,50,0.4)">
    <ComNamespace id="ComNameSpace"></ComNamespace>



    </div>
  </a-flex>
</template>

<style scoped>
#components-layout-demo-custom-trigger .trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px;
  cursor: pointer;
  transition: color 0.3s;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.3);
  margin: 16px;
}

.site-layout .site-layout-background {
  background: #fff;
}

#iconPng{
  padding: 1rem;
}

#titleS{
  padding: 1rem;
}

#ComNameSpace{
  padding: 1rem;
}
</style>
